﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="DesvincularAvaliadorAG.aspx.cs" Inherits="Avaliador_DesvincularAvaliador" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="../scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="../scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="../scripts/json2.js" type="text/javascript"></script>
    <script src="../Teste/fancySlidingForm/sliding.form.js" type="text/javascript"></script>
    <link href="../Css/geral.css" rel="stylesheet" type="text/css" />
    <link href="../Teste/fancySlidingForm/css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        var configGridAvaliadores = { s: 4, i: 1, t: '', o: '' };
        var configGridEventos = { s: 4, i: 1, t: '', o: '' };
		var idAvaliador;
        function novaPesquisaAvaliador()
        {
            $('#mensagem-processando').show();
            document.getElementById("textPesquisaAvaliador").style.visibility = 'visible';
            document.getElementById("PesquisarAvaliador").style.visibility = 'visible';
            document.getElementById("anovaPesquisaAvaliador").style.visibility = 'hidden';
            document.getElementById("tabela-avaliador").style.visibility = 'hidden';
            configGridAvaliadores.i = 1;
            $('#mensagem-processando').hide();
        };
        function novaPesquisaEvento()
        {
            $('#mensagem-processando').show();
            document.getElementById("textPesquisaEvento").style.visibility = 'visible';
            document.getElementById("PesquisarEvento").style.visibility = 'visible';
            document.getElementById("anovaPesquisaEvento").style.visibility = 'hidden';
            document.getElementById("tabela-eventos").style.visibility = 'hidden';
            document.getElementById("table-eventos-footer").style.visibility = 'hidden';
            configGridEventos.i = 1;
            $('#mensagem-processando').hide();
        };
        function selecionarAvaliador(guid)
        {
            $('#mensagem-processando').show();
			idAvaliador = guid;
			$('#passo2').click();
            document.getElementById('buttonPesquisarAvaliador').style.visibility = 'visible';
			carregarListaEventos();
            $('#mensagem-processando').hide();
        };
        function voltar()
        {
            $('#mensagem-processando').show();
            history.back();
            $('#mensagem-processando').hide();
        };
        function pesquisarAvaliador()
        {
            $('#mensagem-processando').show();
            document.getElementById('buttonPesquisarAvaliador').style.visibility = 'hidden';
            $('#passo1').click();
            $('#mensagem-processando').hide();
        };
        function vincularDesvincular(guid)
        {
            $('#mensagem-processando').show();
            $.ajax({
		        type: "POST",
		        url: "DesvincularAvaliadorAG.aspx/vincularDesvincular",
		        contentType: "application/json; charset=utf-8",
		        dataType: "json",
		        data: JSON.stringify({id: guid}),
		        success: 
                    function ()
                    {
                        carregarListaEventos();
                    }
	        });
            $('#mensagem-processando').hide();
        };
		function carregarListaEventos(){
            $('#mensagem-processando').show();
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularAvaliadorAG.aspx/getEventos",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridEventos.i, id: idAvaliador}),
				    success: 
					    function (msg) {
							lista = msg.d;
						    $('#tabela-eventos').fswGrid({
							    bottombar: '#tabela-eventos-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum evento encontrado',
							    pageSize: configGridEventos.s,
							    onNext: function (i) {
								    configGridEventos.i = configGridEventos.i + 1;
							    },
							    onPrev: function (i) {
								    configGridEventos.i = configGridEventos.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.Pessoa.nome));
                                    $(row).append($('<td>').text(item.Evento.titulo));
									if(item.aceito == true)
									{
										$(row).append($('<td>').text('Sim'));
										if(item.status == true)
											tdAcoes.append($('<a id="buttonDesvincular" href="javascript:vincularDesvincular(\''+item.id+'\')"  class="buttonAcaoMenor">Desvincular</a>'));
										else
											tdAcoes.append($('<a id="buttonVincular" href="javascript:vincularDesvincular(\''+item.id+'\')" class="buttonAcaoMenor">Vincular</a>'));
                                        $(row).append(tdAcoes);
									}
									else
									{
										$(row).append($('<td>').text('Não'));
                                        $(row).append($('<td>').text('não existe ação, avaliador não aceitou convite'));
									}
								}
							}, lista);
					    },
			    });
            $('#mensagem-processando').hide();
	    };
        function carregarListaAvaliador(){
            $('#mensagem-processando').show();
            document.getElementById("textPesquisaAvaliador").style.visibility = 'hidden';
            document.getElementById("PesquisarAvaliador").style.visibility = 'hidden';
            document.getElementById("anovaPesquisaAvaliador").style.visibility = 'visible';
            document.getElementById("tabela-avaliador").style.visibility = 'visible';
            document.getElementById("table-avaliador-footer").style.visibility = 'visible';  
		    var lista;
			    $.ajax({
				    type: "POST",
				    url: "DesvincularAvaliadorAG.aspx/getAvaliadores",
				    contentType: "application/json; charset=utf-8",
				    dataType: "json",
				    data: JSON.stringify({pagina: configGridAvaliadores.i, nome: $('#textPesquisaAvaliador').val()}),
				    success: 
					    function (msg) {
					    lista = msg.d;
						    $('#tabela-avaliador').fswGrid({
							    bottombar: '#table-avaliador-footer',
							    selectable: true,
							    selectSingle: true,
							    sortable: true,
							    nextText: 'Próxima',
							    prevText: 'Anterior',
							    resultText: 'Exibindo de {0} a {1} de {2} resultados ',
							    results: false,
							    pagination: true,
							    message: 'Nenhum avaliador encontrado',
							    pageSize: configGridAvaliadores.s,
							    onNext: function (i) {
								    configGridAvaliadores.i = configGridAvaliadores.i + 1;
							    },
							    onPrev: function (i) {
								    configGridAvaliadores.i = configGridAvaliadores.i - 1;
							    },
							    render: function (row, item) {                                
								    var tdAcoes = $('<td>');
                                    $(row).append($('<td>').text(item.Pessoa.nome));
									var buttonSelecionar = $('<a href="javascript:selecionarAvaliador(\''+item.id+'\');" class="buttonAcaoMenor">Selecionar</a>');
								    tdAcoes.append(buttonSelecionar);                       
								    $(row).append(tdAcoes);
							    }
						    }, lista);
					    },
			    });
            $('#mensagem-processando').hide();
	    };
        function selecionarEvento(guid)
        {
            $('#mensagem-processando').show();
			endereco = endereco+"?evento='+guid+'\')";
			//$('#buttonConcluir').href = endereco;
			alert(endereco);
            $('#mensagem-processando').hide();
        };
    </script>
    <style>
        span.reference
        {
            position: fixed;
            left: 5px;
            top: 5px;
            font-size: 10px;
            text-shadow: 1px 1px 1px #fff;
        }
        span.reference a
        {
            color: #555;
            text-decoration: none;
            text-transform: uppercase;
        }
        span.reference a:hover
        {
            color: #000;
        }
        h1
        {
            color: #ccc;
            font-size: 36px;
            text-shadow: 1px 1px 1px #fff;
            padding: 20px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <table>
        <tr>
            <td style="width: 160px;">
                <dl>
                    <dt style="color: Blue; font-size: 15px">MENU</dt>
                    <br />
                    <dd>
                        <a href="../Evento/DefaultAG.aspx" style="border-bottom: 1px solid #F4F4F4">Principal</a>
                    </dd>
                    <dd>
                        <a href="GerenciarAvaliadorAG.aspx" style="border-bottom: 1px solid #F4F4F4">
                            Listar</a>
                    </dd>
                    <dd>
                        <a href="ConvidarAvaliadorAG.aspx" style="border-bottom: 1px solid #F4F4F4">Convidar</a>
                    </dd>
                    <dd>
                        <a href="DesvincularAvaliadorAG.aspx" style="border-bottom: 1px solid #F4F4F4; font-weight: bold">
                            Vincular/Desvincular</a>
                    </dd>
                </dl>
            </td>
            <td style="border-left: 1px solid #EEE; padding-left: 10px">
                <div id="content" style="width: 700px; margin: 0px">
                    <div id="wrapper2" style="height: 461px">
                        <div id="steps">
                            <form id="formElem" name="formElem" action="" method="post">
                            <fieldset class="step">
                                <div>
                                    <div>
                                        <h2>
                                            Pesquise o avaliador</h2>
                                        <br />
                                    </div>
                                    <input id="textPesquisaAvaliador" type="text" />
                                    <a class="buttonAcao" id="PesquisarAvaliador" href="javascript:carregarListaAvaliador();">
                                        Pesquisar</a> <a style="visibility: hidden" id="anovaPesquisaAvaliador" class="buttonAcao"
                                            href="javascript:novaPesquisaAvaliador();">Nova Pequisa</a>
                                    <br />
                                </div>
                                <br />
                                <br />
                                <br />
                                <br />
                                <a class="buttonAcao" id="A3" href="javascript:pesquisarAvaliador();" style="visibility: hidden">
                                    &laquo; Pesquisar Avaliador</a>
                                <table class="tabela-pesquisa" id="tabela-avaliador" style="visibility: hidden;width: 672px">
                                    <thead>
                                        <tr>
                                            <th>
                                                Nome
                                            </th>
                                            <th style="width: 40px">
                                                Ação
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                                <div class="button-footer" id="table-avaliador-footer" style="visibility: hidden">
                                    <span class="fsw-grid-results"></span><a runat="server" id="A1" class="fsw-grid-prev"
                                        href="javascript:carregarListaAvaliador();">Anterior</a> <a class="fsw-grid-next"
                                            runat="server" id="A2" href="javascript:carregarListaAvaliador();">Próximo</a>
                                </div>
                            </fieldset>
                            <fieldset class="step">
                                <div>
                                    <div>
                                        <h2>
                                            Lista eventos</h2>
                                        <br />
                                    </div>
                                </div>
                                <table class="tabela-pesquisa" id="tabela-eventos" style="width: 672px">
                                    <thead>
                                        <tr>
                                            <th>
                                                Nome
                                            </th>
                                            <th>
                                                Evento
                                            </th>
                                            <th>
                                                Aceito
                                            </th>
                                            <th>
                                                Ações
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                                <div class="button-footer" id="table-eventos-footer" style="visibility: hidden">
                                    <span class="fsw-grid-results"></span><a runat="server" id="gridprev" class="fsw-grid-prev"
                                        href="javascript:carregarListaEventos();">Anterior</a> <a class="fsw-grid-next" runat="server"
                                            id="gridnext" href="javascript:carregarListaEventos();">Próximo</a>
                                </div>
                            </fieldset>
                            </form>
                        </div>
                        <br />
                        <br />
                        <a class="buttonAcao" id="buttonPesquisarAvaliador" href="javascript:pesquisarAvaliador();"
                            style="visibility: hidden">&laquo; Pesquisar Avaliador</a>
                        <div id="navigation" style="display: none; visibility: hidden;">
                            <ul>
                                <li class="selected"><a href="#" id="passo1">1 - Pesquise o avaliador</a> </li>
                                <li><a href="#" id="passo2">2 - Lista eventos</a> </li>
                            </ul>
                        </div>
                        <br />
                        <a href="javascript:voltar()" id="buttonVoltar" class="buttonAcao" style="margin-bot">
                            &laquo; Voltar</a>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</asp:Content>
